/// <reference name="MicrosoftAjax.js" />
/// <reference name="dnn.js" assembly="DotNetNuke.WebUtility" />
/// <reference name="dnn.xmlhttp.js" assembly="DotNetNuke.WebUtility" />

Type.registerNamespace('$YourCompany$');
    
$YourCompany$.View$safeprojectname$ = function()
{
    //Call Base Method
    $YourCompany$.View$safeprojectname$.initializeBase(this);
    //Member Variables
    this._msgs = {};
    this._helloButton = null;

    //Associated delegates to single member variable dictionary to make it easy to dispose
    this._delegates = {
        _helloSuccessDelegate: Function.createDelegate(this, this._helloSuccess),
        _helloFailDelegate: Function.createDelegate(this, this._helloFail),
        _onLoadDelegate: Function.createDelegate(this, this._onLoad),
        componentPropChangedDelegate: Function.createDelegate(this, this._onPropChanged)
        };

    //Event Hookup
    Sys.Application.add_load(this._delegates._onLoadDelegate);
}

$YourCompany$.View$safeprojectname$.prototype =
{
    //Properties
    get_ns: function() {return this.get_id() + '_';},
    get_msgs: function() {return this._msgs;},
    set_msgs: function(value) {this._msgs = value;},
    get_name: function()
    {
        return $get(this.get_ns() + 'lblName').innerHTML;
    },
    get_description: function()
    {
        return $get(this.get_ns() + 'lblDesc').innerHTML;
    },

    //Events
    initialize: function() 
    {
        //Call Base Method    
        $YourCompany$.View$safeprojectname$.callBaseMethod(this, 'initialize');
        
        //create UI
        this._helloButton = this._createChildControl('btnHello', 'input', 'button');
        this._helloButton.value = this.getMessage('btnHello'); //get localized value
        $get(this.get_ns() + 'lblName').parentNode.appendChild(this._helloButton);
        
        //hookup event handlers
        $addHandlers(this._helloButton, {"click": this._onHello}, this);
    },

    _onLoad: function(src, arg)
    {
        //page is completely loaded, you can now access any element or component
        var components = arg.get_components();
        //sample of how to do client-side IMC - look for other components we are interested in
        //in this case, we will look for other instances of the same module that are not ourselves
        //but you can communicate with any components
        for (var i=0; i<components.length; i++)
        {
            if (Object.getTypeName(components[i]) == Object.getTypeName(this) && components[i].get_id() != this.get_id())
                this.add_propertyChanged(components[i]._delegates.componentPropChangedDelegate);
        }
    },

    _onHello: function(src, arg)
    {   
        this._displayWait(true);     
        dnn.xmlhttp.callControlMethod('$YourCompany$.Modules.$safeprojectname$.View$safeprojectname$.' + this.get_id(), 
            'Hello', {Name:this.get_name(), Description:this.get_description()}, this._delegates._helloSuccessDelegate, this._delegates._helloFailDelegate);
        
        this.raisePropertyChanged('SayHello');
    },

    _onPropChanged: function(src, args)
    {
         this.showMessage(String.format('You {0} to {1} but not to me?', args.get_propertyName(), src.get_name()));
    },

    //Methods
    getMessage: function(key)
    {
        return this._msgs[key];
    },

    showMessage: function(msg)
    {
        $get(this.get_ns() + 'lblResponse').innerHTML = msg;
    },
    
    //Private Methods
    _createChildControl: function(id, tag, type)
    {
        var ctl = document.createElement(tag);
        ctl.id = this.get_ns() + id;
        if (type)
            ctl.type = type;
        return ctl;
    },

    _displayWait: function(show)
    {
        $get(this.get_ns() + 'imgAjax').className = (show ? '' : 'ceHidden');
    },
    
    _helloSuccess: function(payload, ctx, req)
    {
        this._displayWait(false);
        this.showMessage(payload);
    },

    _helloFail: function(payload, ctx, req)
    {
        this._displayWait(false);
        alert('error: ' + payload);
    },

    dispose: function()
    {
        $clearHandlers(this._helloButton);
        this._helloButton = null;
        this._delegates = null;
        $YourCompany$.View$safeprojectname$.callBaseMethod(this, 'dispose');
    }
}

//register class and inherit from Sys.Component
$YourCompany$.View$safeprojectname$.registerClass('$YourCompany$.View$safeprojectname$', Sys.Component);
